@mixin absCenter{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

@mixin flexCenter{
    display: flex;
    justify-content: center;
    align-items: center;
}

@mixin flexColumnCenter{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

@mixin flexSpaceBetweenCenter{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

@mixin grid-25-1_5{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(25rem, 1fr));
    grid-gap: 1.5rem;
}

@mixin grid-35-2{
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(35rem, 1fr));
    gap: 2rem;
}


// @mixin pseudoIcon($position){
//     @if $position == 'before' or $position == 'after' {
//         &::#{$position} {
//             content: '';
//             display: block;
//             width: 3rem;
//             height: 3rem;
//             position: absolute;
//             z-index: 1;
//             white-space: nowrap;
//         }
//     }
// }